<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'img_Eerjc0',
'ZY_KangFuFangAn_1',
'ehabi_2',
'ZY_ZhongZhengKangFu_3',
'ZY_HuXiKangFu_4',
'ZY_XinZangKangFu_5',
'ZY_ShuShiHuaWuBingYi_6',
'ZY_ZhongLiuKangFu_7',
'ZY_LianXiWoMen_8',
'ontac_9',
'ZY_HuNanZeTianYiLiao_10',
'ZY_DianHua_11',
'ZY_DiZhiHuNanSheng_12',
'ZY_ZhongZhengKangFu_13',
'ZY_WangZhanShouYe_14',
'ZY_KangFuFangAn_15',
'ZY_ZhongZhengKangFu_16',
'img_lsTcE17',
'ZY_HuXiKangFu_18',
'img_GUwUZ19',
'ZY_XinZangKangFu_20',
'img_tuhkM21',
'ZY_ShuShiHuaWuBingYi_22',
'img_Oay9I23',
'ZY_ZhongLiuKangFu_24',
'ZY_LianXiWoMen_4',
'ontac_5',
'ZY_HuNanZeTianYiLiao_6',
'ZY_DianHua_7',
'ZY_DiZhiHuNanSheng_8',
'img_VjSMi25'
"  ></cms:ads>
<!doctype html>
<html>
 <head>
  <title>${网页标题}</title>
  <meta charset="UTF-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://hwfile.jyymatrix.cc/ztyl/pc/css/common.css"> 
  <!--[if lt IE 9]>
      <script src="https://cdn.jsdelivr.net/npm/html5shiv@3.7.3/dist/html5shiv.min.js"></script>
      <script src="https://cdn.jsdelivr.net/npm/respond.js@1.4.2/dest/respond.min.js"></script>
    <![endif]--> 
  <style>.banner{ width: 100%; } .box{ margin: 60px 0; line-height: 22px; } .tab-content img{ max-width: 100%; display: block; margin-bottom: 10px; } .tab-content p{ text-indent: 2em; font-size: 16px; line-height: 28px; }
  .menu-list a{color:#000}
  </style>
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <img src="${img_Eerjc0.adImg}" class="banner zy" data-type="ad" data-id="${img_Eerjc0.adId}"> 
  <div class="box"> 
   <div class="container flex"> 
    <div class="left"> 
     <div class="menu-wrap"> 
      <div class="menu-header"> 
       <h2 class="menu-title zy" data-type="ad" data-id="${ZY_KangFuFangAn_1.adId}">${ZY_KangFuFangAn_1.adTitle}</h2> 
       <h2 class="menu-sub-title zy" data-type="ad" data-id="${ehabi_2.adId}">${ehabi_2.adTitle}</h2> 
      </div> 
      <div class="menu-list">
       <cms:arts var="artList" code="kffa" pageNow="0" pageSize="10"></cms:arts>
       <c:forEach items="${artList }" var="item" varStatus="status">
        <a href="${path}/do/redirect/pc/rehabilitationProgram?type=${status.count - 1}"><p class="menu-item">${item.artTitle}</p></a>
       </c:forEach>
      </div>
     </div>
     <div class="menu-wrap">
      <div class="menu-header">
       <h2 class="menu-title zy" data-type="ad" data-id="${ZY_LianXiWoMen_4.adId}">${ZY_LianXiWoMen_4.adTitle}</h2>
       <h2 class="menu-sub-title zy" data-type="ad" data-id="${ontac_5.adId}">${ontac_5.adTitle}</h2>
      </div>
      <div class="menu-content">
       <p class="name zy" data-type="ad" data-id="${ZY_HuNanZeTianYiLiao_6.adId}">${ZY_HuNanZeTianYiLiao_6.adTitle}</p>
       <div class="mt-10">
        <p class="zy" data-type="ad" data-id="${ZY_DianHua_7.adId}">${ZY_DianHua_7.adTitle}</p>
        <p class="zy" data-type="ad" data-id="${ZY_DiZhiHuNanSheng_8.adId}">${ZY_DiZhiHuNanSheng_8.adTitle}</p>
       </div>
      </div>
     </div>
    </div> 
    <div class="right flex-1"> 
     <div class="breadcrumb-wrap flex space-between align-center"> 
      <h2 class="name zy" id="pageTitle" data-type="ad" data-id="${ZY_ZhongZhengKangFu_13.adId}">${ZY_ZhongZhengKangFu_13.adTitle}</h2> 
      <div> 
       <a href="${path}/do/redirect/pc/index" class="zy" data-type="ad" data-id="${ZY_WangZhanShouYe_14.adId}">${ZY_WangZhanShouYe_14.adTitle}</a> >
       <a href="#" class="zy" data-type="ad" data-id="${ZY_KangFuFangAn_15.adId}">${ZY_KangFuFangAn_15.adTitle}</a>
      </div> 
     </div> 
     <div>
      <c:forEach items="${artList }" var="item" varStatus="status">
      <div class="tab-content hide">
       ${item.artContent }
      </div>
      </c:forEach>
     </div>
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include>  
  <script>
        window.onload = function(){
            var itemItemsEls = document.getElementsByClassName('nav-item');
            var itemEls = document.getElementsByClassName('nav-item-hover');
            itemItemsEls[2].className="nav-item nav-item-hover active"
            for(var i= 0; i < itemEls.length;i++){
                itemEls[i].onmouseover = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'block'
                    };
                }
                itemEls[i].onmouseout = function(){
                    var els = this.getElementsByClassName('nav-layout');
                    if(els.length) {
                        els[0].style.display = 'none'
                    };
                }
            }

            var tabItemEls = document.getElementsByClassName('menu-item');
            var contentEls = document.getElementsByClassName('tab-content');
            var pageTitleEl = document.getElementById('pageTitle');
            var type = getQueryVariable('type') || 0;
            tabChange(type)

            for(var i= 0; i < tabItemEls.length;i++){
                let index = i;
                tabItemEls[i].onclick = tabChange.bind(this, index);
                
            }
            
            function tabChange(index){
                for(var i= 0; i < tabItemEls.length;i++){
                    tabItemEls[i].className="menu-item";
                    contentEls[i].className="tab-content hide";
                }
                pageTitleEl.innerHTML = tabItemEls[index].innerText;
                tabItemEls[index].className="menu-item active";
                contentEls[index].className="tab-content";
            }
            function getQueryVariable(variable){
                var query = window.location.search.substring(1);
                var vars = query.split("&");
                for (var i=0;i<vars.length;i++) {
                        var pair = vars[i].split("=");
                        if(pair[0] == variable){return pair[1];}
                }
                return(false);
            }
        }
    </script> 
 </body>
</html>